body {
    /* background-color: #1e1e1e; */
    color:blanchedalmond;
    padding: 0;
    margin: 0;
    padding: 2%;
}
#refreshView{
    position: fixed;
    right: 10%;
    bottom: 10%;
    text-align: center;
    background-color: rgba(238, 198, 18, 0.726);
    transition: color .3s;
}
#refreshView:active{
    color: rgb(233, 33, 33);
    transition: color .1s;
}
.js{
    float: left;
    /* background-color: #223344; */
    border: 2px solid #223344;
    background-color: #1e1e1e;
    margin: 1%;
    border-radius: 7%;
    padding: 3%;
    transition: background-color 1s, box-shadow .5s;
    white-space: nowrap; 
    text-overflow: ellipsis;
    overflow: auto;
    box-sizing: border-box;
}
/* 自定义滚动条 */
.js::-webkit-scrollbar {/*滚动条整体样式*/
    width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.js::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
     -webkit-box-shadow: inset 0 0 3px rgba(238, 198, 18, 0.726);
    background: #246100;
}
.js::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 3px rgba(61, 58, 58, 0.2);
    border-radius: 10px;
    background: #cfcfcf;
}
.js:active{
    background-color: #e3722e;
    box-shadow: 10px 10px 10px #888888;
    transition: background-color .1s, box-shadow .5s;
}

.title{
    background-image:-webkit-linear-gradient(top, green,rgb(18, 219, 18),#e0b114,#e0b114,#e0b114); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
.info{
    font-size: 40%;
}
.describe{
    font-size: 50%;
    border-top: 2px double springgreen;
}

.noselect {

    -webkit-touch-callout: none; /* iOS Safari */
    
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    
    -khtml-user-select: none; /* Konqueror */
    
    -moz-user-select: none; /* Firefox */
    
    -ms-user-select: none; /* Internet Explorer/Edge */
    
    user-select: none; /* Non-prefixed version, currently
    
    not supported by any browser */
    
}